<template>
  <div class="qjzl">
    <div class="qjzlleft">
      <div class="dzyglftitlebg">行政许可</div>
      <div class="dzyglftopdiva">
        <div class="width100per dflexwrap partflex gap6px">
          <div
            v-for="(item, index) in xzxkcount"
            :key="index"
            class="dzygxzxkli dflex justifycont alignitem"
          >
            <div class="width100per">
              <div class="width100per dzygbgscjg partflex">
                <div class="marginleft21px">
                  <div class="fontsize14 fontweight whitecolor">
                    {{ item.name }}
                  </div>
                  <div class="fontsize14 lightblue">
                    {{ item.num
                    }}<span class="marginleft2px fontsize14 whitecolor">{{
                      item.unit
                    }}</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          class="fontsize14 whitecolor jspsdivbg fontweight margintop13px padleft15"
        >
          零售许可变化趋势
        </div>
        <div class="width100per height247px positiondiv">
          <div class="divabsolute width100per height247px zindexa">
            <div class="width100per height247px" id="lsxkbh"></div>
          </div>
          <div class="divabsolutebot width100per height247px zindexb">
            <div class="width100per height247px" id="lsxkbha"></div>
          </div>
          <div
            style="
              position: absolute;
              left: -1%;
              top: 28px;
              color: rgba(0, 175, 109, 1);
              font-size: 12px;
              font-weight: bold;
            "
          >
            全国/户
          </div>
          <div
            style="
              position: absolute;
              left: -1%;
              top: 90px;
              color: rgba(100, 163, 217, 1);
              font-size: 12px;
              font-weight: bold;
            "
          >
            全省/户
          </div>
        </div>
        <div
          class="fontsize14 whitecolor jspsdivbg fontweight margintop13px padleft15"
        >
          技术评审
        </div>
        <div
          class="width100per dflex justifybetween alignitem marginbot24 margintop10"
        >
          <div class=" " v-for="(item, index) in jsps" :key="index">
            <div class="width100per dflex justifycont alignitem">
              <div class="justifycont alignitem marginright6px">
                <img :src="item.imgUrl" class="img16 imgbordernone imgalimg" />
              </div>
              <div class="justifycont alignitem aligncon">
                <div class="fontsize14 fontweight whitecolor">
                  {{ item.name }}
                  <span
                    class="lightblue fontsize21 fontweight marginleft23px marginright6px"
                    >{{ item.num }}</span
                  >个
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lftitlebg margintop20">品牌管理</div>
      <div class="dzyglfbotdive">
        <div class="width100per dflexcolumn justifybetween alignitem">
          <div
            class="width100per marginbot10"
            v-for="(item, index) in xsqkabrand"
            :key="index"
          >
            <div class="width100per dflex justifycont alignitem">
              <div class="justifycont alignitem marginright11px">
                <img
                  :src="item.imgUrl"
                  class="img3520px imgbordernone imgalimg"
                />
              </div>
              <div
                class="justifycont alignitem aligncon bgpink positiondiv padleft15 partflex"
              >
                <div class="width100per dflex justifybetween alignitem">
                  <div class="justifycont alignitem partflex">
                    <div class="width100per dflex">
                      <div
                        class="parthalfflex65 fontsize14 fontweight whitecolor"
                      >
                        {{ item.name }}
                      </div>
                    </div>
                  </div>
                  <div class="justifycont alignitem aligncon">
                    <div class="fontsize14 fontweight whitecolor">
                      <span
                        class="lightblue fontsize14 fontweight marginright3px"
                        >{{ item.num }}</span
                      >
                      <span class="fontsize14 fontweight whitecolor">{{
                        item.unit
                      }}</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="width100per dflexcolumn justifybetween alignitem">
          <div
            class="width100per marginbot10"
            v-for="(item, index) in xsqkbrand"
            :key="index"
          >
            <div class="width100per dflex justifycont alignitem">
              <div
                class="justifycont alignitem aligncon bgpink positiondiv padleft15 partflex"
              >
                <div class="width100per dflex justifybetween alignitem">
                  <div class="justifycont alignitem partflex">
                    <div class="width100per dflex">
                      <div
                        class="parthalfflex65 fontsize14 fontweight whitecolor"
                      >
                        {{ item.name }}
                      </div>
                      <div class="lightblue fontsize14 fontweight">
                        {{ item.num }}
                      </div>
                      <div class="fontsize14 fontweight whitecolor">
                        {{ item.unit }}
                      </div>
                    </div>
                  </div>
                  <div class="justifycont alignitem aligncon">
                    <div class="fontsize14 fontweight whitecolor">
                      {{ item.rankname }}
                      <span
                        class="lightblue fontsize14 fontweight marginleft5px marginright2px"
                        >{{ item.rank }}</span
                      >名
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="qjzlcenter positiondiv">
      <div class="dflex width100per justifybetween">
        <div class="maptableft">
          <div class="centitlebg">安徽省</div>
        </div>
        <div class="maptabright" style="flex: 1">
          <div class="dflex" style="width: 100%; position: relative">
            <div
              class="fontsize14 dflex"
              style="
                position: absolute;
                right: 0;
                top: 0;
                align-items: center;
                justify-content: flex-end;
              "
            >
              <div class="timebg">
                {{ nowTime }}
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 这里是市场秩序评价中间地图部分开始 -->
      <div class="width100per cenmapxsdttop divclear">
        <div class="width100per height100per dflex justifybetween">
          <div class="partflex height100per positiondiv">
            <div class="width100per mapheightqjzlmap">
              <!-- <div id="myEchart" ref="myEchart" class="width100per mapheightqjzl" /> -->
              <div v-if="isHideShow" style="height: 360px"></div>

              <anhuiMap
                v-if="!isHideShow"
                :idName="'crackDownMap'"
                ref="crackDownMap"
                :heightSet="'360px'"
                :mapTop="'30px'"
                :formatterCustom="formatterCustom"
                :data="mapData"
              ></anhuiMap>
            </div>
          </div>
        </div>
      </div>
      <!-- 这里是市场秩序评价中间地图部分结束 -->

      <div class="width100per divclear">
        <div class="dflex width100per">
          <div class="maptableft">
            <div class="centitlebg">销售动态</div>
          </div>
        </div>
      </div>
      <div class="width100per centerbotdivxsdt positiondiv">
        <!-- id="fjps" -->
        <!-- <div class="width100per centerbotdivxsdtbot" id="fjpsfun" >
            </div> -->
        <ul class="xsdtdivul">
          <li v-for="(item, index) in DataName" :key="index">
            <span></span>{{ item }}
          </li>
        </ul>

        <div class="divabsolutebot width100per centerbotdivxsdtbota zindexa">
          <div class="width100per centerbotdivxsdtbota" id="fjpsfun"></div>
        </div>
        <div class="divabsolutebotc width100per centerbotdivxsdtbota zindexb">
          <div class="width100per centerbotdivxsdtbota" id="fjpsfuna"></div>
        </div>
        <div class="divabsolutebotaa width100per centerbotdivxsdtbotb zindexc">
          <div class="width100per centerbotdivxsdtbotb" id="fjpsfunb"></div>
        </div>
        <div class="divabsolutebota width100per centerbotdivxsdtbotb zindexd">
          <div class="width100per centerbotdivxsdtbotb" id="fjpsfunc"></div>
        </div>
        <div class="linedivborder"></div>
      </div>
    </div>
    <div class="qjzlright">
      <div class="dflex width100per justifybetween">
        <div class="dzyglftitlebg">累计销售</div>
      </div>
      <div class="width100per divclear">
        <div class="width100per dzygrightyopd">
          <!-- <div class="width100per dzygrightyopahei" id="khyl"></div> -->
          <div
            class="width100per dflex justifybetween fontsize14 whitecolor fontweight bgtitlexsqk"
          >
            <div class="partflex">生产企业</div>
            <div class="partflex">计划生产量（万盒）</div>
            <div class="partflex txtright">实际生产量</div>
          </div>
          <div class="width100per">
            <vue-seamless-scroll
              class="dzyglfbotdivc"
              :data="xssjdata"
              :class-option="scrollOptiona"
              style="overflow-y: hidden"
            >
              <ul class="dzyglfbotdivc" style="height: auto">
                <li v-for="(item, index) in xssjdata" :key="index">
                  <div
                    class="width100per dflex justifybetween fontsize14 whitecolor"
                  >
                    <div class="partflex marginleft10px">{{ item.name }}</div>
                    <div class="partflex txtcenter">{{ item.num }}</div>
                    <div class="partflex txtright marginright26px">
                      {{ item.sjnum }}
                    </div>
                  </div>
                </li>
              </ul>
            </vue-seamless-scroll>
          </div>
          <div
            class="width100per dflex justifybetween alignitem marginbot10 padright10"
          >
            <div class="partflex" v-for="(item, index) in xsqka" :key="index">
              <div class="width100per dflex justifycont alignitem">
                <div
                  class="justifycont alignitem aligncon bgpink positiondiv padleft10 partflex"
                >
                  <div class="width100per dflex">
                    <div
                      class="partflex fontsize14 fontweight whitecolor padleft6"
                    >
                      {{ item.name }}
                    </div>
                    <div class="lightblue fontsize16 fontweight">
                      {{ item.num }}
                    </div>
                    <div
                      :class="
                        index == 0
                          ? 'fontsize14 fontweight whitecolor marginleft5px marginright20px'
                          : 'fontsize14 fontweight whitecolor marginleft5px'
                      "
                    >
                      {{ item.unit }}
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div
            class="width100per dflexcolumn justifybetween alignitem padright10"
          >
            <div
              class="width100per marginbot10"
              v-for="(item, index) in xsqkb"
              :key="index"
            >
              <div class="width100per dflex justifycont alignitem">
                <div class="justifycont alignitem marginright11px">
                  <img
                    :src="item.imgUrl"
                    class="img3520px imgbordernone imgalimg"
                  />
                </div>
                <div
                  class="justifycont alignitem aligncon bgpink positiondiv padleft15 partflex"
                >
                  <div class="width100per dflex justifybetween alignitem">
                    <div class="justifycont alignitem partflex">
                      <div class="width100per dflex">
                        <div
                          class="parthalfflex65 fontsize14 fontweight whitecolor"
                        >
                          {{ item.name }}
                        </div>
                        <div class="lightblue fontsize14 fontweight">
                          {{ item.num }}
                        </div>
                        <div class="fontsize14 fontweight whitecolor">
                          {{ item.unit }}
                        </div>
                      </div>
                    </div>
                    <div class="justifycont alignitem aligncon">
                      <div class="fontsize14 fontweight whitecolor">
                        {{ item.rankname }}
                        <span
                          class="lightblue fontsize14 fontweight marginleft15px marginright2px"
                          >{{ item.rank }}</span
                        >名
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div
            class="width100per dflex justifybetween alignitem marginbot10 padright10"
          >
            <div class=" " v-for="(item, index) in ljml" :key="index">
              <div class="width100per dflex justifycont alignitem">
                <div class="justifycont alignitem marginright6px">
                  <img
                    :src="item.imgUrl"
                    class="img16 imgbordernone imgalimg"
                  />
                </div>
                <div class="justifycont alignitem aligncon">
                  <div class="fontsize14 fontweight whitecolor">
                    {{ item.name }}
                    <span
                      class="lightblue fontsize21 fontweight marginleft23px marginright6px"
                      >{{ item.num }}</span
                    >{{ item.unit }}
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="width100per dflex justifybetween alignitem gap18px">
            <div
              v-for="(item, index) in ljmlbot"
              :key="index"
              :class="
                index == 3
                  ? ' positiondiv partflex  '
                  : ' positiondiv width88px  '
              "
            >
              <div
                class="width100per height40px divabsolute"
                style="z-index: 1"
              >
                <img :src="item.imgUrl" />
              </div>
              <div
                class="width100per height40px divabsolute"
                style="z-index: 2"
              >
                <div class="width100per padleft35">
                  <div class="width100per">
                    <div class="lightblue fontsize21 fontweight marginleft2px">
                      {{ item.num
                      }}<span
                        class="marginleft2px fontsize12 whitecolor fontweightnormal"
                        >盒</span
                      >
                    </div>
                    <div
                      class="fontsize14 whitecolor negativemagtop5 marginleft2px"
                    >
                      {{ item.name }}
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="dflex width100per justifybetween margintop20">
        <div class="dzyglftitlebg">市场监管</div>
      </div>
      <div class="width100per divclear">
        <div class="dzygrightyopc">
          <div class="width100per dflex justifybetween alignitem">
            <div class="partflex" v-for="(item, index) in djjga" :key="index">
              <div class="width100per dflex justifycont alignitem">
                <div
                  class="justifycont alignitem aligncon bgpink positiondiv padleft10 partflex"
                >
                  <div class="width100per dflex">
                    <div
                      class="partflex fontsize14 fontweight whitecolor padleft6"
                    >
                      {{ item.name }}
                    </div>
                    <div class="lightblue fontsize16 fontweight">
                      {{ item.num }}
                    </div>
                    <div
                      class="fontsize14 fontweight whitecolor marginleft5px marginright50px"
                    >
                      {{ item.unit }}
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="width100per dflex justifybetween alignitem margintop18">
            <div class="partflex">
              <div class="width100per dflex justifycont alignitem">
                <div class="justifycont alignitem aligncon partflex">
                  <div class="width100per">
                    <div
                      class="width100per height100px"
                      id="Nightingalea"
                    ></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="partflex">
              <div class="width100per dflex justifycont alignitem">
                <div class="justifycont alignitem aligncon partflex">
                  <div class="width100per">
                    <div
                      class="width100per height100px"
                      id="Nightingaleb"
                    ></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="width100per dflex justifybetween alignitem">
            <div
              class="justifycont alignitem aligncon bgpink positiondiv padleft10 partflex"
            >
              <div class="width100per dflex">
                <div class="partflex fontsize14 fontweight whitecolor">
                  累计查获物品总量
                </div>
              </div>
            </div>
          </div>
          <div class="width100per dflexwrap partflex qjzdiv">
            <div
              v-for="(item, index) in wpcount"
              :key="index"
              class="positiondiv width190px justifycont alignitem marginleft30px"
            >
              <img
                :src="item.imgUrl"
                class="width100per imgbordernone divabsolute height65px"
              />
              <div class="width100per">
                <div class="width100per dzygbgscjg partflex">
                  <div class="marginleft60px justifycont alignitem">
                    <div class="fontsize14 fontweight whitecolor margintop8">
                      {{ item.name }}
                      <div class="fontsize14 lightblue">
                        {{ item.num }}
                        <span class="whitecolor fontweight fontsize14">{{
                          item.unit
                        }}</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="width100per height100px">
            <div class="width100per height100px" id="barbot"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import * as allData from "./fakeData";
import Anhui from "../../mapdata/anhui/anhui.json";
// import China from "../../mapdata/china/china.json";
import "../../mapdata/china/china.js";
import "../../utils/echarts-tooltip-auto";
import anhuiMap from "@/components/echart/dzyganhuiMap";
export default {
  data() {
    return {
      nowDate: null,
      nowTime: null,
      timer: "",
      currentTime: new Date(),
      isHideShow: false,
      mapData: allData.mapData,
      imgUrl: require("../../assets/qjzl/dialogbg.png"),
      mapindex: 1,
      time: "",
      defaultDate: [
        "2023-01-01",
        new Date().toLocaleDateString().replace(/\//g, "-"),
      ],
      xzxkcount: [
        {
          name: "规划零售户数",
          num: "1877",
          unit: "户",
        },
        {
          name: "持证户数 ",
          num: "531",
          unit: "户",
        },
        {
          name: "本月新增户数",
          num: "21",
          unit: "户",
        },
        {
          name: "本月退出户数",
          num: "39",
          unit: "户",
        },
        {
          name: "生产企业",
          num: "3",
          unit: "个",
        },
        {
          name: "原料交易企业",
          num: "1",
          unit: "个",
        },
      ],
      jsps: [
        {
          imgUrl: require("../../assets/dzyg/tgsl.png"),
          name: "申请数量",
          num: "1413",
        },
        {
          imgUrl: require("../../assets/dzyg/tgsl.png"),
          name: "合格数量",
          num: "3819",
        },
      ],
      jygla: [
        {
          name: "全国平均在销品牌数量",
          num: "20",
        },
        {
          name: "全国平均在销规格数量",
          num: "77",
        },
      ],
      jyglb: [
        {
          imgUrl: require("../../assets/dzyg/jya1.png"),
          name: "我省在销品牌数量",
          num: "21",
          rankname: "全国排名",
          rank: "15",
        },
        {
          imgUrl: require("../../assets/dzyg/jya2.png"),
          name: "我省在销规格数量",
          num: "21",
          rankname: "全国排名",
          rank: "15",
        },
      ],

      xssjdata: [
        {
          name: "安徽越湾 ",
          num: "100000",
          sjnum: "20000",
        },
        {
          name: "安徽越湾 ",
          num: "100000",
          sjnum: "20000",
        },
        {
          name: "安徽越湾 ",
          num: "100000",
          sjnum: "20000",
        },
        {
          name: "安徽越湾 ",
          num: "100000",
          sjnum: "20000",
        },
        {
          name: "安徽越湾 ",
          num: "100000",
          sjnum: "20000",
        },
        {
          name: "安徽越湾 ",
          num: "100000",
          sjnum: "20000",
        },
        {
          name: "安徽越湾 ",
          num: "100000",
          sjnum: "20000",
        },
        {
          name: "安徽越湾 ",
          num: "100000",
          sjnum: "20000",
        },
        {
          name: "安徽越湾 ",
          num: "100000",
          sjnum: "20000",
        },
      ],
      xsqkabrand: [
        {
          name: "全国在销品牌总数量",
          num: "43",
          unit: "个",
          imgUrl: require("../../assets/dzyg/xsabc.png"),
        },
        {
          name: "全国平均在销品牌数量",
          num: "20",
          unit: "个",
          imgUrl: require("../../assets/dzyg/xsabc.png"),
        },
        {
          name: "全国在销规格总数量",
          num: "307",
          unit: "个",
          imgUrl: require("../../assets/dzyg/xse.png"),
        },
        {
          name: "全国平均在销规格数量",
          num: "77",
          unit: "个",
          imgUrl: require("../../assets/dzyg/xse.png"),
        },
      ],
      xsqkbrand: [
        {
          name: "我省在销品牌数量     ",
          num: "21",
          unit: "个",
          rankname: "全国排名",
          rank: "17",
        },
        {
          name: "我省在销规格数量",
          num: "68",
          unit: "个",
          rankname: "全国排名",
          rank: "17",
        },
      ],
      xsqka: [
        {
          name: "全国销售总量",
          num: "200",
          unit: "万盒",
        },
        {
          name: "全国销售额",
          num: "200",
          unit: "万元",
        },
      ],
      xsqkb: [
        {
          imgUrl: require("../../assets/dzyg/xsabc.png"),
          name: "我省销售总量     ",
          num: "200",
          unit: "万盒",
          rankname: "全国排名",
          rank: "15",
        },
        {
          imgUrl: require("../../assets/dzyg/xse.png"),
          name: "我省销售额",
          num: "200",
          unit: "万元",
          rankname: "全国排名",
          rank: "15",
        },
      ],
      ljml: [
        {
          imgUrl: require("../../assets/dzyg/ljml.png"),
          name: "累计毛利额 ",
          num: "1413",
          unit: "万元",
        },
        {
          imgUrl: require("../../assets/dzyg/ljml.png"),
          name: "盒均价",
          num: "3819",
          unit: "元",
        },
      ],
      ljmlbot: [
        {
          imgUrl: require("../../assets/dzyg/yanhe0.png"),
          num: "15",
          name: "烟弹",
        },
        {
          imgUrl: require("../../assets/dzyg/yanhe1.png"),
          num: "15",
          name: "烟具",
        },
        {
          imgUrl: require("../../assets/dzyg/yanhe2.png"),
          num: "15",
          name: "套装",
        },
        {
          imgUrl: require("../../assets/dzyg/yanhe3.png"),
          num: "15",
          name: "一次性电子烟",
        },
      ],
      xzxk: {
        zcjyh: "622",
        YoY: "1.86%",
        list: [
          {
            name: "卷烟零售户数",
            num: "287905",
            YoY: "1.91%",
          },
          {
            name: "电子烟零售户数",
            num: "622",
            YoY: "",
          },
        ],
        ullist: [
          {
            name: "今日新增户数",
            num: "81",
            namea: "今日退出户数",
            numa: "59",
          },
          {
            name: "平均入网时间",
            num: "3.79",
            namea: "网办事项",
            numa: "36556",
          },
          {
            name: "网办率",
            num: "93.10%",
            namea: "好评率",
            numa: "100%",
          },
        ],
      },
      djjga: [
        {
          name: "电子烟行政案件",
          num: "21",
          unit: "起",
        },
        {
          name: "电子烟刑事案件",
          num: "21",
          unit: "起",
        },
      ],
      wpcount: [
        {
          name: "烟弹",
          num: "412045",
          unit: "万个",
          imgUrl: require("../../assets/dzyg/yd.png"),
        },
        {
          name: "电子烟具 ",
          num: "412045",
          unit: "万个",
          imgUrl: require("../../assets/dzyg/dzyj.png"),
        },
        {
          name: "电子烟油 ",
          num: "412045",
          unit: "吨",
          imgUrl: require("../../assets/dzyg/dzyy.png"),
        },
        {
          name: "一次性电子烟 ",
          num: "412045",
          unit: "万个",
          imgUrl: require("../../assets/dzyg/dzy.png"),
        },
      ],
      centerlistbot: [
        {
          name: "配送周期：一周两次",
        },
        {
          name: "配送时效：最快当天、最慢隔日",
        },
        {
          name: "寄送费用：0.4元/盒",
        },
      ],
      scjg: {
        lista: [
          {
            name: "烟草网格",
            num: "1055",
          },
          {
            name: "综治网格",
            num: "1785",
          },
          {
            name: "警务网格",
            num: "1516",
          },
        ],
        listb: [
          {
            name: "有价信息率",
            num: "91.22%",
            count: "5141",
            title: "三网融合派单",
          },
          {
            name: "有价信息率",
            num: "95.02%",
            count: "32708",
            title: "三员协同派单",
          },
          {
            name: "形成案件率",
            num: "90.88%",
            count: "3146",
            title: "三岗联动派单",
          },
        ],
        listc: [
          {
            name: "人均管服户数",
            num: "272",
            YOY: "1.87%",
            tag: 1,
            unit: "户",
          },
          {
            name: "人均检查户数",
            num: "33",
            YOY: "29.46%",
            tag: 1,
            unit: "户",
          },
          {
            name: "人均查获案件数",
            num: "2.3",
            YOY: "1.72%",
            tag: 3,
            unit: "起",
          },
          {
            name: "人均查获卷烟数",
            num: "4.78",
            YOY: "29.87%",
            tag: 2,
            unit: "万支",
          },
        ],
        listd: [
          {
            name: "向未成年人售烟（含 电子烟）案件",
            num: "72",
            YoY: "10.77%",
          },
          {
            name: "罚没款收入",
            num: "3654.17",
            YoY: "4.98%",
          },
        ],
      },
      nbjk: {
        list: [
          {
            title: "真烟异流排名",
            // list:[
            //     {''},
            //     {}
            //     ]
          },
          {
            title: "真烟异流(万支)",
          },
          {
            title: "内管预警",
          },
        ],
      },
      qbyj: {
        list: [
          {
            num: "78687920111946",
            rank: "二级",
            add: "青岛-合肥",
            infor: "合肥中转部发件",
          },
          {
            num: "78687682456632",
            rank: "二级",
            add: "成都-马鞍山",
            infor: "马鞍山发件",
          },
          {
            num: "78342898189876",
            rank: "四级",
            add: "南京-黄山",
            infor: "黄山发件",
          },
          {
            num: "78687768693085",
            rank: "四级",
            add: "嘉兴-阜阳",
            infor: "阜阳发件",
          },
          {
            num: "78687813129864",
            rank: "四级",
            add: "徐州-淮北",
            infor: "淮北发件",
          },
          {
            num: "78687702450929",
            rank: "二级",
            add: "汕头-滁州",
            infor: "滁州来安县发件",
          },
          {
            num: "78343058725646",
            rank: "四级",
            add: "濮阳-合肥",
            infor: "合肥中转部发件",
          },
          {
            num: "73502108575246",
            rank: "四级",
            add: "郑州-合肥",
            infor: "合肥庐阳接驳站发件",
          },
          {
            num: "78687806641905",
            rank: "二级",
            add: "苏州-宿州",
            infor: "宿州发件",
          },
          {
            num: "78688063109069",
            rank: "四级",
            add: "上海-亳州",
            infor: "亳州蒙城县发件",
          },
          {
            num: "78688062393686",
            rank: "二级",
            add: "荆门-滁州",
            infor: "南京中转部发件",
          },
          {
            num: "73502108585947",
            rank: "四级",
            add: "郑州-合肥",
            infor: "合肥庐阳接驳站发件",
          },
          {
            num: "78687934953693",
            rank: "二级",
            add: "金华-宿州",
            infor: "宿州发件",
          },
          {
            num: "78687909367749",
            rank: "二级",
            add: "杭州-合肥",
            infor: "合肥庐阳接驳站发件",
          },
          {
            num: "78688006345796",
            rank: "二级",
            add: "杭州-蚌埠",
            infor: "蚌埠中转部发件",
          },
          {
            num: "78688009481008",
            rank: "四级",
            add: "台州-亳州",
            infor: "蚌埠中转部发件",
          },
          {
            num: "78687931640106",
            rank: "四级",
            add: "舟山-合肥",
            infor: "合肥巢湖发件",
          },
          {
            num: "78687860856971",
            rank: "二级",
            add: "宁波-合肥",
            infor: "合肥巢湖发件",
          },
          {
            num: "78343135772119",
            rank: "四级",
            add: "新乡-亳州",
            infor: "蚌埠中转部发件",
          },
          {
            num: "73502108582182",
            rank: "四级",
            add: "郑州-合肥",
            infor: "合肥庐阳接驳站发件",
          },
          {
            num: "75583736787286",
            rank: "二级",
            add: "上海-阜阳",
            infor: "阜阳发件",
          },
          {
            num: "73502108589585",
            rank: "四级",
            add: "郑州-合肥",
            infor: "合肥庐阳接驳站发件",
          },
          {
            num: "78687917163456",
            rank: "二级",
            add: "杭州-蚌埠",
            infor: "蚌埠中转部发件",
          },
          {
            num: "78688063182914",
            rank: "二级",
            add: "杭州-合肥",
            infor: "合肥庐阳接驳站发件",
          },
          {
            num: "78687762892028",
            rank: "二级",
            add: "上海-阜阳",
            infor: "阜阳发件",
          },
          {
            num: "78687963901584",
            rank: "二级",
            add: "绍兴-合肥",
            infor: "合肥庐阳接驳站发件",
          },
          {
            num: "78342990337985",
            rank: "四级",
            add: "沧州-宿州",
            infor: "蚌埠中转部发件",
          },
          {
            num: "78687914309041",
            rank: "二级",
            add: "上海-阜阳",
            infor: "阜阳发件",
          },
          {
            num: "75583695933817",
            rank: "二级",
            add: "上海-阜阳",
            infor: "阜阳发件",
          },
          {
            num: "78688006571282",
            rank: "二级",
            add: "杭州-蚌埠",
            infor: "蚌埠中转部发件",
          },
          {
            num: "78688006571282",
            rank: "二级",
            add: "杭州-蚌埠",
            infor: "蚌埠中转部发件",
          },
          {
            num: "78688071448629",
            rank: "二级",
            add: "杭州-蚌埠",
            infor: "蚌埠中转部发件",
          },
          {
            num: "78687800255020",
            rank: "二级",
            add: "杭州-合肥",
            infor: "合肥庐阳接驳站发件",
          },
          {
            num: "78343016822613",
            rank: "四级",
            add: "沧州-亳州",
            infor: "蚌埠中转部发件",
          },
          {
            num: "73502112445126",
            rank: "二级",
            add: "沧州-亳州",
            infor: "蚌埠中转部发件",
          },
          {
            num: "78687772591766",
            rank: "四级",
            add: "东莞-阜阳",
            infor: "蚌埠中转部发件",
          },
        ],
      },
      djds: {
        list: [
          {
            name: "查获案件总数",
            title: "查获案件总数",
            num: "6890",
            YoY: "3.37%",
            unit: "起",
            img: require("../../assets/qjzl/iconb1.png"),
          },
          {
            name: "涉案总金额",
            title: "涉案总金额",
            num: "20531.4104",
            YoY: "90.88%",
            unit: "万元",

            img: require("../../assets/qjzl/iconb2.png"),
          },
          {
            name: "查获卷烟总量",
            title: "查获卷烟总量",
            num: "12796.0078",
            YoY: "29.88%",
            unit: "万支",
            img: require("../../assets/qjzl/iconb3.png"),
          },
          {
            name: "查获电子烟总量",
            title: "查获电子烟总量",
            num: "1019056",
            YoY: "19795.67%",
            unit: "个",
            img: require("../../assets/qjzl/iconb4.png"),
          },
          {
            name: "查获雪茄烟总量",
            title: "查获雪茄烟总量",
            num: "478.72",
            YoY: "367.04%",
            unit: "万支",
            img: require("../../assets/qjzl/iconb5.png"),
          },
          {
            name: "查获烟丝烟叶",
            title: "查获烟丝烟叶",
            num: "83302",
            YoY: "10.05%",
            unit: "公斤",
            img: require("../../assets/qjzl/iconb6.png"),
          },
          {
            name: "查获烟机总量",
            title: "查获烟机总量",
            num: "6",
            YoY: "50%",
            unit: "台",
            img: require("../../assets/qjzl/iconb7.png"),
          },
          {
            name: "5万元以上案件",
            title: "5万元以上案件",
            num: "803",
            YoY: "42.12%",
            unit: "起",
            img: require("../../assets/qjzl/iconb8.png"),
          },
          {
            name: "刑事案件",
            title: "刑事案件",
            num: "110",
            YoY: "6.80%",
            unit: "起",
            img: require("../../assets/qjzl/iconb9.png"),
          },
          {
            name: "追刑人数",
            title: "追刑人数",
            num: "142",
            YoY: "93.94%",
            unit: "人",
            img: require("../../assets/qjzl/iconb10.png"),
          },
        ],
      },
      xxyczp: {
        list: [
          {
            name: "涉案总金额",
            num: "12.3",
            unit: "亿元",
            decimals: 1,
            img: require("../../assets/qjzl/xx1.png"),
          },
          {
            name: "涉案物品",
            num: "1089361",
            unit: "个",
            decimals: 0,
            img: require("../../assets/qjzl/xx2.png"),
          },
          {
            name: "电子烟企业",
            num: "3",
            unit: "个",
            decimals: 0,
            img: require("../../assets/qjzl/xx3.png"),
          },
          {
            name: "追刑人数",
            num: "142",
            unit: "人",
            decimals: 0,
            img: require("../../assets/qjzl/xx4.png"),
          },
        ],
      },
      qsjydata: {
        list: [
          {
            unit: "合肥市",
            num: "102.94",
            sort: "A",
          },
          {
            unit: "安庆市",
            num: "101.52",
            sort: "A",
          },
          {
            unit: "六安市",
            num: "101.29",
            sort: "A",
          },
          {
            unit: "铜陵市",
            num: "93.71",
            sort: "A",
          },
          {
            unit: "池州市",
            num: "76.33",
            sort: "B",
          },
          {
            unit: "淮北市",
            num: "69.3",
            sort: "B",
          },
          {
            unit: "滁州市",
            num: "68.65",
            sort: "B",
          },
          {
            unit: "马鞍山市",
            num: "67.71",
            sort: "B",
          },
          {
            unit: "芜湖市",
            num: "67.34",
            sort: "B",
          },
          {
            unit: "宣城市",
            num: "66.68",
            sort: "B",
          },
          {
            unit: "宿州市",
            num: "65.7",
            sort: "B",
          },
          {
            unit: "亳州市",
            num: "65.43",
            sort: "B",
          },
          {
            unit: "黄山市",
            num: "64.71",
            sort: "B",
          },
          {
            unit: "蚌埠市",
            num: "60.83",
            sort: "B",
          },
          {
            unit: "淮南市",
            num: "57.42",
            sort: "C",
          },
          {
            unit: "阜阳市",
            num: "57.02",
            sort: "C",
          },
        ],
      },
      imgdialog: require("../../assets/qjzl/dialogbg.png"),
      maplist: {
        maplista: [
          {
            name: "市场秩序",
            color: "#C6FF83",
          },
          {
            name: "真烟异动",
            color: "#4B7902",
          },
          {
            name: "执法力度",
            color: "#83FBFF",
          },
          {
            name: "经营信心",
            color: "#FF83A3",
          },
        ],
        maplistb: [
          {
            name: "A：优≥80",
            color: "#00FF06",
          },
          {
            name: "B：80＞良≥60",
            color: "#007CEC",
          },
          {
            name: "C：差＜60",
            color: "#FF0000",
          },
        ],
      },
      anhuiarr: [
        {
          name: "蚌埠市",
          value: [117.003228, 33.099667],
        },
        {
          name: "合肥市",
          value: [116.953042, 31.86119],
        },
        {
          name: "芜湖市",
          value: [117.930051, 31.226319],
        },
        {
          name: "宣城市",
          value: [118.397995, 30.495667],
        },
        {
          name: "池州市",
          value: [117.139157, 30.296037],
        },
        {
          name: "亳州市",
          value: [116.002939, 33.550338],
        },
        {
          name: "铜陵市",
          value: [117.216576, 30.909935],
        },
        {
          name: "淮北市",
          value: [116.794664, 33.971707],
        },
        {
          name: "淮南市",
          value: [116.818329, 32.347574],
        },
        {
          name: "黄山市",
          value: [117.697325, 29.909239],
        },
        {
          name: "安庆市",
          value: [116.203551, 30.50883],
        },
        {
          name: "滁州市",
          value: [117.670264, 32.533627],
        },
        {
          name: "阜阳市",
          value: [115.250729, 32.956969],
        },
        {
          name: "宿州市",
          value: [117.134084, 33.783891],
        },
        {
          name: "马鞍山市",
          value: [118.507906, 31.569362],
        },
        {
          name: "六安市",
          value: [115.857676, 31.552889],
        },
      ],
      regionsdata: [
        {
          name: "蚌埠市",
          namea: "蚌埠",
          littitle: "B",
          itemStyle: {
            color: "rgba(0, 124, 236, 1)", //省份背景色
          },
          list: [
            {
              name: "规划电子烟持证户数",
              num: "36736",
              unit: "户",
            },
            {
              name: "现有电子烟持证户",
              num: "159",
              unit: "户",
            },
            {
              name: "实际持证户占比",
              num: "20%",
              unit: "",
            },
          ],
        },
        {
          name: "合肥市",
          namea: "合肥",
          littitle: "A",
          itemStyle: {
            color: "rgba(0, 255, 6, 1)", //省份背景色
          },
          list: [
            {
              name: "规划电子烟持证户数",
              num: "36736",
              unit: "户",
            },
            {
              name: "现有电子烟持证户",
              num: "159",
              unit: "户",
            },
            {
              name: "实际持证户占比",
              num: "20%",
              unit: "",
            },
          ],
        },
        {
          name: "芜湖市",
          namea: "芜湖",
          littitle: "B",
          itemStyle: {
            color: "rgba(0, 124, 236, 1)", //省份背景色
          },
          list: [
            {
              name: "规划电子烟持证户数",
              num: "36736",
              unit: "户",
            },
            {
              name: "现有电子烟持证户",
              num: "159",
              unit: "户",
            },
            {
              name: "实际持证户占比",
              num: "20%",
              unit: "",
            },
          ],
        },
        {
          name: "宣城市",
          namea: "宣城",
          littitle: "B",
          itemStyle: {
            color: "rgba(0, 124, 236, 1)", //省份背景色
          },
          list: [
            {
              name: "规划电子烟持证户数",
              num: "36736",
              unit: "户",
            },
            {
              name: "现有电子烟持证户",
              num: "159",
              unit: "户",
            },
            {
              name: "实际持证户占比",
              num: "20%",
              unit: "",
            },
          ],
        },
        {
          name: "池州市",
          namea: "池州",
          littitle: "B",
          itemStyle: {
            color: "rgba(0, 124, 236, 1)", //省份背景色
          },
          list: [
            {
              name: "规划电子烟持证户数",
              num: "36736",
              unit: "户",
            },
            {
              name: "现有电子烟持证户",
              num: "159",
              unit: "户",
            },
            {
              name: "实际持证户占比",
              num: "20%",
              unit: "",
            },
          ],
        },
        {
          name: "亳州市",
          namea: "亳州",
          littitle: "B",
          itemStyle: {
            color: "rgba(0, 124, 236, 1)", //省份背景色
          },
          list: [
            {
              name: "规划电子烟持证户数",
              num: "36736",
              unit: "户",
            },
            {
              name: "现有电子烟持证户",
              num: "159",
              unit: "户",
            },
            {
              name: "实际持证户占比",
              num: "20%",
              unit: "",
            },
          ],
        },
        {
          name: "铜陵市",
          namea: "铜陵",
          littitle: "A",
          itemStyle: {
            color: "rgba(0, 255, 6, 1)", //省份背景色
          },
          list: [
            {
              name: "规划电子烟持证户数",
              num: "36736",
              unit: "户",
            },
            {
              name: "现有电子烟持证户",
              num: "159",
              unit: "户",
            },
            {
              name: "实际持证户占比",
              num: "20%",
              unit: "",
            },
          ],
        },
        {
          name: "淮北市",
          namea: "淮北",
          littitle: "B",
          itemStyle: {
            color: "rgba(0, 124, 236, 1)", //省份背景色
          },
          list: [
            {
              name: "规划电子烟持证户数",
              num: "36736",
              unit: "户",
            },
            {
              name: "现有电子烟持证户",
              num: "159",
              unit: "户",
            },
            {
              name: "实际持证户占比",
              num: "20%",
              unit: "",
            },
          ],
        },
        {
          name: "淮南市",
          namea: "淮南",
          littitle: "C",
          itemStyle: {
            color: "rgba(255, 0, 0, 1)", //省份背景色
          },
          list: [
            {
              name: "规划电子烟持证户数",
              num: "36736",
              unit: "户",
            },
            {
              name: "现有电子烟持证户",
              num: "159",
              unit: "户",
            },
            {
              name: "实际持证户占比",
              num: "20%",
              unit: "",
            },
          ],
        },
        {
          name: "黄山市",
          namea: "黄山",
          littitle: "B",
          itemStyle: {
            color: "rgba(0, 124, 236, 1)", //省份背景色
          },
          list: [
            {
              name: "规划电子烟持证户数",
              num: "36736",
              unit: "户",
            },
            {
              name: "现有电子烟持证户",
              num: "159",
              unit: "户",
            },
            {
              name: "实际持证户占比",
              num: "20%",
              unit: "",
            },
          ],
        },
        {
          name: "安庆市",
          namea: "安庆",
          littitle: "A",
          itemStyle: {
            color: "rgba(0, 255, 6, 1)", //省份背景色
          },
          list: [
            {
              name: "规划电子烟持证户数",
              num: "36736",
              unit: "户",
            },
            {
              name: "现有电子烟持证户",
              num: "159",
              unit: "户",
            },
            {
              name: "实际持证户占比",
              num: "20%",
              unit: "",
            },
          ],
        },
        {
          name: "滁州市",
          namea: "滁州",
          littitle: "B",
          itemStyle: {
            color: "rgba(0, 124, 236, 1)", //省份背景色
          },
          list: [
            {
              name: "规划电子烟持证户数",
              num: "36736",
              unit: "户",
            },
            {
              name: "现有电子烟持证户",
              num: "159",
              unit: "户",
            },
            {
              name: "实际持证户占比",
              num: "20%",
              unit: "",
            },
          ],
        },
        {
          name: "阜阳市",
          namea: "阜阳",
          littitle: "C",
          itemStyle: {
            color: "rgba(255, 0, 0, 1)", //省份背景色
          },
          list: [
            {
              name: "规划电子烟持证户数",
              num: "36736",
              unit: "户",
            },
            {
              name: "现有电子烟持证户",
              num: "159",
              unit: "户",
            },
            {
              name: "实际持证户占比",
              num: "20%",
              unit: "",
            },
          ],
        },
        {
          name: "宿州市",
          namea: "宿州",
          littitle: "B",
          itemStyle: {
            color: "rgba(0, 124, 236, 1)", //省份背景色
          },
          list: [
            {
              name: "规划电子烟持证户数",
              num: "36736",
              unit: "户",
            },
            {
              name: "现有电子烟持证户",
              num: "159",
              unit: "户",
            },
            {
              name: "实际持证户占比",
              num: "20%",
              unit: "",
            },
          ],
        },
        {
          name: "马鞍山市",
          namea: "马鞍山",
          littitle: "B",
          itemStyle: {
            color: "rgba(0, 124, 236, 1)", //省份背景色
          },
          list: [
            {
              name: "规划电子烟持证户数",
              num: "36736",
              unit: "户",
            },
            {
              name: "现有电子烟持证户",
              num: "159",
              unit: "户",
            },
            {
              name: "实际持证户占比",
              num: "20%",
              unit: "",
            },
          ],
        },
        {
          name: "六安市",
          namea: "六安",
          littitle: "A",
          itemStyle: {
            color: "rgba(0, 255, 6, 1)", //省份背景色
          },
          list: [
            {
              name: "规划电子烟持证户数",
              num: "36736",
              unit: "户",
            },
            {
              name: "现有电子烟持证户",
              num: "159",
              unit: "户",
            },
            {
              name: "实际持证户占比",
              num: "20%",
              unit: "",
            },
          ],
        },
      ],
      outflow: {
        list: [
          {
            name: "红三环",
            addres: "（渡江）",
            num: "74.54",
          },
          {
            name: "黄山",
            addres: "（嘉宾迎客松）",
            num: "53.02",
          },
          {
            name: "利群",
            addres: "（新版）",
            num: "30.54",
          },
          {
            name: "黄山",
            addres: "（新一品）",
            num: "29.32",
          },
          {
            name: "黄山",
            addres: "（印象一品）",
            num: "20.90",
          },
          {
            name: "云烟",
            addres: "（紫）",
            num: "19.82",
          },
          {
            name: "红河",
            addres: "（软甲）",
            num: "18.12",
          },
          {
            name: "哈德门",
            addres: "（纯香）",
            num: "15.54",
          },
          {
            name: "红双喜",
            addres: "（硬）",
            num: "14.48",
          },
          {
            name: "黄山",
            addres: "（新制皖烟)",
            num: "13.94",
          },
        ], //真烟流出品规
        lista: [
          {
            name: "中华",
            addres: "（硬）",
            num: "21.58",
          },
          {
            name: "黄山",
            addres: "（新制皖烟)",
            num: "14.26",
          },
          {
            name: "红金龙",
            addres: "（软蓝九）",
            num: "11.1",
          },
          {
            name: "黄山",
            addres: "（徽商新概念）",
            num: "9.66",
          },
          {
            name: "中华",
            addres: "（软蓝九州腾龙）",
            num: "8.32",
          },
          {
            name: "贵烟",
            addres: "（跨越）",
            num: "7.38",
          },
          {
            name: "红金龙",
            addres: "（硬新版）",
            num: "6.46",
          },
          {
            name: "玉溪",
            addres: "（软）",
            num: "6.0",
          },
          {
            name: "娇子",
            addres: "（X）",
            num: "5.9",
          },
          {
            name: "利群",
            addres: "（新版)",
            num: "5.9",
          },
        ], //真烟流入品规
      },
      dataflow: {
        xAxis: [
          "浙江",
          "江西",
          "江苏",
          "广东",
          "湖北",
          "湖南",
          "河北",
          "上海",
          "四川",
          "福建",
          "内蒙",
          "云南",
          "山东",
          "山西",
          "河南",
          "陕西",
          "宁夏",
          "辽宁",
          "北京",
          "甘肃",
          "海南",
          "黑龙江",
          "青海",
          "贵州",
          "广西",
        ],
        yAxis: [
          "393.94",
          "35.98",
          "32.8",
          "20.32",
          "18.14",
          "10.14",
          "8.42",
          "6.02",
          "5.76",
          "5.28",
          "1.82",
          "1.42",
          "1.06",
          "1.02",
          "0.62",
          "0.44",
          "0.22",
          "0.22",
          "0.2",
          "0.14",
          "0.06",
          "0.04",
          "0.02",
          "0.02",
          "0.02",
        ],
      },
      dataflowa: {
        xAxis: [
          "河南",
          "江苏",
          "湖北",
          "浙江",
          "上海",
          "河北",
          "四川",
          "江西",
          "广东",
          "山东",
          "湖南",
          "辽宁",
          "吉林",
          "贵州",
          "云南",
          "陕西",
          "黑龙江",
          "海南",
          "内蒙",
          "重庆",
          "北京",
          "福建",
          "广西",
          "新疆",
          "山西",
          "甘肃",
          "青海",
          "天津",
          "宁夏",
        ],
        yAxis: [
          "28",
          "26.78",
          "22.36",
          "18.2",
          "13.54",
          "9.58",
          "8.78",
          "7.66",
          "6.94",
          "5.94",
          "5.64",
          "5.62",
          "5.16",
          "4.34",
          "3.96",
          "3.62",
          "3.24",
          "3.18",
          "2.84",
          "2.5",
          "2.22",
          "1.62",
          "1.44",
          "1.22",
          "1.02",
          "0.92",
          "0.5",
          "0.32",
          "0.08",
        ],
      },
      DataA: ["26356", "23392", "22378", "21655", "20274", "20113"],
      DataB: ["822", "729", "627", "633", "587", "531"],
      DataC: ["908934", "1352104", "1730927", "2309589", "2314942", "1467732"],
      DataD: ["9334", "24940", "32429", "43557", "54512", "34562"],
      DataE: ["8089.4", "12769.1", "15446.3", "18702.2", "17913.1", "10844.2"],
      DataF: ["89.7", "248.4", "288.1", "344.2", "407.2", "246.5"],
      // DataC : ["1125362", "2261038", "3991965", "6309679", "8624621","9624621",],
      //  DataD : ["22563", "34274", "66703", "110260", "164772","110260","165772",],
      //  DataE : ["12366.2", "20858.5", "36304.8", "55034", "72956","55034","82956",],
      //   DataF : ["225.3", "338.2", "626.3", "970.5", "1377.7","970.5","1877.7",],
      DataName: [
        "全国销售总量/盒",
        "我省销售总量/盒",
        "全国销售总额/万元",
        "我省销售总额/万元",
      ],
      // let DataA = ["1125362", "2261038", "3991965", "6309679", "8624621"];
      // let DataB = ["22563", "34274", "66703", "110260", "164772"];
      //  let DataC = ["12366.2", "20858.5", "36304.8", "55034", "72956"];
      //   let DataD = ["225.3", "338.2", "626.3", "970.5", "13787.7"];
    };
  },
  components: {
    Anhui,
    anhuiMap,
  },
  computed: {
    scrollOption() {
      return {
        // step: 1,
        // hoverStop: true, // 是否开启鼠标悬停stop
        // direction: 1, // 0向下 1向上 2向左 3向右
        // openWatch: true, // 开启数据实时监控刷新dom
        // singleHeight: 48, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
        // waitTime: 20, // 单步运动停止的时间(默认值1000ms)
        step: 0.2,
        hoverStop: true, // 是否开启鼠标悬停stop
        direction: 1, // 0向下 1向上 2向左 3向右
        openWatch: true, // 开启数据实时监控刷新dom
        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
        waitTime: 3000, // 单步运动停止的时间(默认值1000ms)
        limitMoveNum: 0,
      };
    },
    scrollOptiona() {
      return {
        // step: 0.6,
        // hoverStop: true, // 是否开启鼠标悬停stop
        // direction: 1, // 0向下 1向上 2向左 3向右
        // openWatch: true, // 开启数据实时监控刷新dom
        // singleHeight: 20, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
        // waitTime: 30, // 单步运动停止的时间(默认值1000ms)
        step: 0.2,
        hoverStop: true, // 是否开启鼠标悬停stop
        direction: 1, // 0向下 1向上 2向左 3向右
        openWatch: true, // 开启数据实时监控刷新dom
        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
        waitTime: 3000, // 单步运动停止的时间(默认值1000ms)
        limitMoveNum: 0,
      };
    },
  },
  created() {
    this.timer = setInterval(this.getTime, 1000);
  },
  mounted() {
    this.time = this.getNowDate();
    // this.khylfun('khyl');
    this.Nightingalea("Nightingalea");
    this.Nightingaleb("Nightingaleb");
    this.barbotfun("barbot");
    // DataC : ["1125362", "2261038", "3991965", "6309679", "8624621","9624621",],
    //     DataD : ["22563", "34274", "66703", "110260", "164772","174772",],
    //     DataE : ["12366.2", "20858.5", "36304.8", "55034", "72956","75956",],
    //      DataF : ["225.3", "338.2", "626.3", "970.5", "1377.7","1577.7",],
    this.fjpsfun(
      "fjpsfun",
      this.DataC,
      "rgba(255, 255, 255, 1)",
      "rgba(255, 255, 255, 0)",
      "全国销售总量/盒",
      2314942,
      1
    );
    this.fjpsfun(
      "fjpsfuna",
      this.DataD,
      "rgba(230, 175, 8, 1)",
      "rgba(230, 175, 8, 0)",
      "我省销售总量/盒",
      54512,
      2
    );
    this.fjpsfun(
      "fjpsfunb",
      this.DataE,
      "rgba(14, 109, 233, 1)",
      "rgba(14, 109, 233, 0)",
      "全国销售总额/万元 ",
      18702.2,
      3
    );
    this.fjpsfun(
      "fjpsfunc",
      this.DataF,
      "rgba(172, 78, 211, 1)",
      "rgba(172, 78, 211, 0)",
      "我省销售总额/万元",
      407.2,
      4
    );

    this.lsxkbhfun(
      "lsxkbh",
      this.DataA,
      "rgba(0, 175, 109, 1)",
      "rgba(0, 175, 109, 0)",
      "全国/户",
      26356
    );

    this.lsxkbhfun(
      "lsxkbha",
      this.DataB,
      "rgba(54, 188, 223, 1)",
      "rgba(54, 188, 223, 0)",
      "我省/户",
      1500
    );
  },

  methods: {
    formatterCustom(data) {
      return `<div class="width100per magbot15dzyg">

<div class="width100per dflex justifybetween alignitem bluebg magtop9dzyg padrounddzyg">
                   <div class="justifycont alignitem partflex magright13dzyg">
                     <span class="fontsize14 fontweight whitecolor">规划电子烟持证户数</span>
                   </div>
                   <div class="justifycont alignitem aligncon">
                   <span class="lightblue fontsize21 fontweight">${
                     data?.num || 0
                   }</span>
                   <span class="fontsize14 fontweight whitecolor">户</span>
                   </div>

</div>
        <div class="width100per dflex justifybetween alignitem bluebg magtop4dzyg padrounddzyg">
                   <div class="justifycont alignitem partflex magright13dzyg">
                     <span class="fontsize14 fontweight whitecolor">现有电子烟持证户</span>
                   </div>
                   <div class="justifycont alignitem aligncon">
                   <span class="lightblue fontsize21 fontweight">${
                     data?.count || 0
                   }</span>
                   <span class="fontsize14 fontweight whitecolor">户</span>
                   </div>

</div>
        <div class="width100per dflex justifybetween alignitem bluebg magtop4dzyg padrounddzyg">
                   <div class="justifycont alignitem partflex magright13dzyg">
                     <span class="fontsize14 fontweight whitecolor">实际持证户占比</span>
                   </div>
                   <div class="justifycont alignitem aligncon">
                   <span class="lightblue fontsize21 fontweight">${
                     data?.ratio || 0
                   }%</span>
                   </div>

</div>

</div>`;
    },
    rawLine(map, id) {
      let that = this;
      //阴影区域
      // let option = {
      //     tooltip: {
      //         show: true,
      //         backgroundColor: "rgba(0,0,0,0)",
      //         borderWidth: "0",
      //         formatter: function (params) {
      //     var str='';
      //     for(var i=0;i<params.data.list.length;i++){
      //            str+=`<div class="width100per dflex justifycont alignitem">`+`<div class="justifycont alignitem">`+params.data.list[i].name+`</div>`+`<div class="justifycont alignitem">`+params.data.list[i].num+`<span>`+params.data.list[i].unit+`</span>`+`</div>`+`</div>`
      //     }
      //             var res =
      //                 `<div style="width:280px;background:url(` +
      //                 that.imgUrl +
      //                 `) no-repeat;background-size:100% 100%;padding:20px 30px;"><div style="width:100%;margin:0 auto;padding:0 auto;text-align:center;font-size:16px;font-weight:bold;color:#fff;">` +
      //                 params.data.name +
      //                 `</div><div style="width:100%;margin:0 auto;padding:0 auto;margin-top:20px;display:flex;justify-content:space-between;align-items:center ;">`+str+`</div></div></div></div>`;

      //             return res;
      //         },
      //     },
      //     series: [{
      //         type: "map3D",
      //         zoom: 2,

      //         top: '1%',
      //         selectedMode: "single", //地图高亮单选
      //         regionHeight: 35, //地图高度
      //         map: map.ename,
      //         viewControl: {
      //             center: [-10, 0, 0],
      //             distance: 185, //地图视角 控制初始大小
      //             autoRotate: false,
      //             rotateSensitivity: 0,
      //             alpha: 72, //视角绕 x 轴，即上下旋转的角度
      //             // rotateSensitivity: [1, 1],
      //             animation: true,
      //             zoomSensitivity: false, //是否开启缩放和平移/鼠标滑动缩放禁止
      //         },
      //         //  zoomSensitivity: false,//是否开启缩放和平移/鼠标滑动缩放禁止
      //         label: {
      //             show: true, //是否显示市
      //             textStyle: {
      //                 color: "#fff", //文字颜色
      //                 fontSize: 12, //文字大小
      //                 // backgroundColor: "rgba(0,0,0,0)",
      //             },
      //             formatter: function (param) {
      //                 var str = '   ' + param.data.littitle + "\n" + param.data.namea;
      //                 // var str = param.data.namea;
      //                 // console.log(param)
      //                 return str;
      //             },
      //         },
      //         itemStyle: {
      //             // areaColor: 'red',
      //             color: "#2B5890", //地图颜色
      //             borderWidth: 2, //分界线wdith
      //             borderColor: "#000", //分界线颜色
      //         },

      //         data: this.regionsdata,
      //     }, ],
      // };

      let myChart = this.$echarts.init(document.getElementById(id));
      myChart.showLoading();
      this.$echarts.registerMap(map.ename, map.ename);
      this.$nextTick(() => {
        // 初始化地图
        myChart.setOption(option, false);
        tools.loopShowTooltip(myChart, option, {
          loopSeries: true,
        }); 
        //自动轮播主要看这段话

        myChart.resize();
        myChart.hideLoading();
      });
      //地图下钻点击事件
      myChart.on("mousemove", (param) => {
        let names = param.name;
        this.$nextTick(() => {
          // this.mapbar("mapbar", param.data);
        });
      });
      //mapbar
    },

    showArea(param) {
      this.$echarts.registerMap(param.ename, param.ename);
      alert(param.name);
      this.rawLine(param); //重新绘画地图
    },

    initMapInfo(id) {
      var that = this;
      // 地图数据
      var chinaGeoCoordMap = {
        黑龙江: [127.9688, 45.368],
        内蒙古: [110.3467, 41.4899],
        吉林: [125.8154, 44.2584],
        北京市: [116.4551, 40.2539],
        辽宁: [123.1238, 42.1216],
        河北: [114.4995, 38.1006],
        天津: [117.4219, 39.4189],
        山西: [112.3352, 37.9413],
        陕西: [109.1162, 34.2004],
        甘肃: [103.5901, 36.3043],
        宁夏: [106.3586, 38.1775],
        青海: [101.4038, 36.8207],
        新疆: [87.9236, 43.5883],
        西藏: [91.11, 29.97],
        四川: [103.9526, 30.7617],
        重庆: [108.384366, 30.439702],
        山东: [117.1582, 36.8701],
        河南: [113.4668, 34.6234],
        江苏: [118.8062, 31.9208],
        安徽: [117.29, 32.0581],
        湖北: [114.3896, 30.6628],
        浙江: [119.5313, 29.8773],
        福建: [119.4543, 25.9222],
        江西: [116.0046, 28.6633],
        湖南: [113.0823, 28.2568],
        贵州: [106.6992, 26.7682],
        云南: [102.9199, 25.4663],
        广东: [113.12244, 23.009505],
        广西: [108.479, 23.1152],
        海南: [110.3893, 19.8516],
        上海: [121.4648, 31.2891],
      };
      // 飞线点数据
      var chinaDatas = [
        [
          {
            name: "黑龙江",
            value: 0,
          },
        ],
        [
          {
            name: "内蒙古",
            value: 0,
          },
        ],
        [
          {
            name: "吉林",
            value: 0,
          },
        ],
        [
          {
            name: "辽宁",
            value: 0,
          },
        ],
        [
          {
            name: "河北",
            value: 0,
          },
        ],
        [
          {
            name: "天津",
            value: 0,
          },
        ],
        [
          {
            name: "山西",
            value: 0,
          },
        ],
        [
          {
            name: "陕西",
            value: 0,
          },
        ],
        [
          {
            name: "甘肃",
            value: 0,
          },
        ],
        [
          {
            name: "宁夏",
            value: 0,
          },
        ],
        [
          {
            name: "青海",
            value: 0,
          },
        ],
        [
          {
            name: "新疆",
            value: 0,
          },
        ],
        [
          {
            name: "西藏",
            value: 0,
          },
        ],
        [
          {
            name: "四川",
            value: 0,
          },
        ],
        [
          {
            name: "山东",
            value: 0,
          },
        ],
        [
          {
            name: "河南",
            value: 0,
          },
        ],
        [
          {
            name: "江苏",
            value: 0,
          },
        ],
        [
          {
            name: "安徽",
            value: 0,
          },
        ],
        [
          {
            name: "湖北",
            value: 0,
          },
        ],
        [
          {
            name: "浙江",
            value: 0,
          },
        ],
        [
          {
            name: "福建",
            value: 0,
          },
        ],
        [
          {
            name: "江西",
            value: 0,
          },
        ],
        [
          {
            name: "湖南",
            value: 0,
          },
        ],
        [
          {
            name: "贵州",
            value: 0,
          },
        ],
        [
          {
            name: "广西",
            value: 0,
          },
        ],
        [
          {
            name: "海南",
            value: 0,
          },
        ],
        [
          {
            name: "上海",
            value: 1,
          },
        ],
      ];
      let formdata = "安徽";
      if (that.mapindex == 2) {
        var convertData = function (data) {
          var res = [];
          for (var i = 0; i < data.length; i++) {
            var dataItem = data[i];
            var fromCoord = chinaGeoCoordMap[dataItem[0].name];
            var toCoord = [117.29, 32.0581];
            // var toCoord = [108.384366, 30.439702]; //中心点地理坐标
            if (fromCoord && toCoord) {
              res.push([
                {
                  // 飞线从哪里出发
                  coord: toCoord,
                },
                {
                  // 飞线去往哪里
                  coord: fromCoord,
                  value: dataItem[0].value,
                },
              ]);
            }
          }
          return res;
        };
      } else if (that.mapindex == 3) {
        var convertData = function (data) {
          var res = [];
          for (var i = 0; i < data.length; i++) {
            console.log(data[i]);
            var dataItem = data[i];
            var fromCoord = chinaGeoCoordMap[dataItem[0].name];
            var toCoord = [117.29, 32.0581];
            // var toCoord = [108.384366, 30.439702]; //中心点地理坐标
            if (fromCoord && toCoord) {
              res.push([
                // {
                //   // 飞线从哪里出发
                //   coord: toCoord,
                // },
                // {
                //   // 飞线去往哪里
                //   coord: fromCoord,
                //   value: dataItem[0].value,
                // },
                {
                  // 飞线从哪里出发

                  // 飞线去往哪里
                  coord: fromCoord,
                  value: dataItem[0].value,
                },
                {
                  // 飞线去往哪里
                  coord: toCoord,
                },
              ]);
            }
          }
          return res;
        };
      }

      var series = [];

      [[formdata, chinaDatas]].forEach(function (item, i) {
        // console.log(item);
        series.push(
          {
            type: "lines",
            coordinateSystem: "geo",
            zlevel: 2,
            effect: {
              show: true,
              period: 4, //箭头指向速度，值越小速度越快
              trailLength: 0, //特效尾迹长度[0,1]值越大，尾迹越长重
              symbol: "arrow", //箭头图标
              symbolSize: 8, //图标大小
              color: "#2BC8FF", // 图标颜色
            },
            lineStyle: {
              normal: {
                show: true,
                width: 2, //尾迹线条宽度
                opacity: 1, //尾迹线条透明度
                curveness: 0.3, //尾迹线条曲直度
                color: "#2BC8FF", // 飞线颜色
              },
              color: "#2BC8FF",
            },
            data: convertData(item[1]),
          },
          {
            type: "effectScatter",
            coordinateSystem: "geo",
            zlevel: 2,
            rippleEffect: {
              //涟漪特效
              period: 4, //动画时间，值越小速度越快
              brushType: "stroke", //波纹绘制方式 stroke, fill
              scale: 4, //波纹圆环最大限制，值越大波纹越大
              color: "#2BC8FF",
            },
            label: {
              normal: {
                show: false,
                position: "right", //显示位置
                offset: [10, 0], //偏移设置
                formatter: function (params) {
                  //圆环显示文字
                  return params.data.name;
                },
                fontSize: 12,
              },
              emphasis: {
                show: false,
              },
            },
            symbol: "circle",
            symbolSize: function (val) {
              return 10; //圆环大小
            },
            itemStyle: {
              normal: {
                show: false,
                color: "#2BC8FF",
              },
            },
            data: item[1].map(function (dataItem) {
              return {
                //在这里定义你所要展示的数据
                // name: dataItem[0].name,
                // value: chinaGeoCoordMap[dataItem[0].name].concat([dataItem[0].value]),
                name: dataItem[0].name,
                value: chinaGeoCoordMap[dataItem[0].name].concat([
                  dataItem[0].value,
                ]),
              };
            }),
          },
          //中心点
          {
            type: "effectScatter",
            coordinateSystem: "geo",
            zlevel: 15,
            rippleEffect: {
              period: 4,
              brushType: "stroke",
              scale: 4,
              color: "#2BC8FF",
            },
            label: {
              normal: {
                show: true,
                position: "right",
                //offset:[5, 0],
                color: "#2BC8FF",
                formatter: "{b}",
                textStyle: {
                  color: "#2BC8FF",
                },
              },
              emphasis: {
                show: false,
                color: "#2BC8FF",
              },
            },
            symbol: "circle",
            symbolSize: 5,
            itemStyle: {
              color: "#2BC8FF",
            },
            data: [
              {
                name: item[0],
                value: chinaGeoCoordMap[item[0]].concat([10]),
              },
            ],
          }
        );
      });

      let myChart = this.$echarts.init(document.getElementById(id));

      let option = {
        // bgColor: '#1a1e45',

        tooltip: {
          trigger: "item",
        },

        geo: {
          map: "china",
          zoom: 0.85,
          left: "13%",
          top: "15%",
          label: {
            normal: {
              show: true,
              textStyle: {
                color: "#FFFFFF",
              },
            },
            emphasis: {
              show: false,
            },
          },
          roam: false, //是否允许缩放
          itemStyle: {
            normal: {
              areaColor: {
                type: "linear-gradient",
                x: 0,
                y: 600,
                x2: 0,
                y2: 60,
                colorStops: [
                  {
                    offset: 0,
                    color: "#003ecb", // 0% 处的颜色
                  },
                  {
                    offset: 1,
                    color: "#2bc8ff",
                  },
                ],
                global: true, // 缺省为 false
              },
              //地图背景色
              borderColor: "rgba(255,255,255,0.5)", //省市边界线00fcff 516a89
              borderWidth: 1,
              textStyle: "#fff",
              shadowColor: "rgba(58,115,192,0.5)",
              shadowOffsetX: 5,
              shadowOffsetY: 5,
            },
            emphasis: {
              color: "#22ccfb", //悬浮背景
            },
          },
          data: [],
        },
        series: series,
      };
      myChart.showLoading();
      this.$nextTick(() => {
        // 初始化地图
        myChart.setOption(option, false);
        myChart.resize();
        myChart.hideLoading();
      });
      //  myChart.setOption(option)
    },
    //客户盈利
    khylfun(id) {
      var that = this;
      let myChart = this.$echarts.init(document.getElementById(id));
      let DataName = ["毛利额", "销售额"];
      let DataTime = ["1月", "2月", "3月", "4月", "5月", "6月"];
      let Data2023 = [10000, 10000, 10000, 10000, 10000, 10000];
      let Data2022 = [5000, 5000, 5000, 5000, 5000, 5000];
      let option = {
        tooltip: {
          show: false,
          trigger: "axis",
          axisPointer: {
            type: "cross",
            crossStyle: {
              color: "#666",
            },
          },
        },
        legend: {
          data: DataName,
          icon: "circle",
          right: 10,
          top: 1,
          textStyle: {
            fontSize: "12",
            color: "rgba(255,255,255,0.7)",
          },
        },
        grid: {
          left: "2%",
          right: "10%",
          bottom: "8%",
          containLabel: true,
        },
        xAxis: [
          {
            type: "category",
            data: DataTime,
            axisPointer: {
              type: "shadow",
            },
            // boundaryGap: false, //让x轴坐标从紧挨着y轴开始
            // 坐标轴线
            axisLine: {
              show: false,
              lineStyle: {
                color: "rgba(255,255,255,0.7)", //X轴字体颜色
                fontSize: "12",
              },
            },
            axisTick: {
              show: false, //去掉图表横纵坐标轴刻度线
            },
          },
        ],
        yAxis: [
          {
            type: "value",
            name: "单位：户均/万元",
            nameTextStyle: {
              color: "rgba(255, 255, 255, 0.5)",
              fontSize: 12,
            },

            min: 0,
            max: 15000,
            // interval: 50,
            axisLabel: {
              formatter: "{value}",
              textStyle: {
                color: "rgba(255,255,255,0.7)", //Y轴内容文字颜色
              },
            },
            axisLine: {
              show: true,
              lineStyle: {
                color: "rgba(66, 164, 255, 0.3)", //y轴
                type: "solid",
                // fontSize: '12',
              },
            },
            splitLine: {
              show: true,
              lineStyle: {
                type: "solid",
                color: "rgba(66, 164, 255, 0.3)", //里面横着的虚线
              },
            },
          },
        ],
        series: [
          {
            name: DataName[0],
            type: "bar",
            data: Data2023,
            barWidth: "12",
            // seriesLayoutBy: 'row',
            itemStyle: {
              barBorderRadius: [30, 30, 0, 0],
              color: {
                x: 0,
                y: 0,
                x2: 1,
                y2: 1,
                colorStops: [
                  {
                    offset: 0,
                    color: "rgba(1, 177, 255, 1)",
                  }, //第一顶部颜色
                  {
                    offset: 1,
                    color: "rgba(3, 59, 255, 1)",
                  }, //第一底部颜色
                ],
              },
            },
          },
          {
            name: DataName[1],
            type: "bar",
            data: Data2022,
            barWidth: "12",
            //seriesLayoutBy: 'row',
            itemStyle: {
              barBorderRadius: [30, 30, 0, 0],
              color: {
                x: 0,
                y: 0,
                x2: 1,
                y2: 1,
                colorStops: [
                  {
                    offset: 0,
                    color: "rgba(150, 255, 1, 1)",
                  }, //第二顶部颜色
                  {
                    offset: 1,
                    color: "rgba(2, 191, 28, 1)",
                  }, //第二底部颜色
                ],
              },
            },
          },
        ],
      };
      myChart.showLoading();
      this.$nextTick(() => {
        // 初始化地图
        myChart.setOption(option, false);
        myChart.resize();
        myChart.hideLoading();
      });
    },
    //南丁格尔a
    Nightingalea(id) {
      var that = this;
      let myChart = this.$echarts.init(document.getElementById(id));
      let data1 = [
        {
          value: 8,
          name: "向未成年人销售电子烟",
        },
        {
          value: 4,
          name: "未在当地批发企业进货",
        },
        {
          value: 3,
          name: "销售非法生产电子烟",
        },
        {
          value: 6,
          name: "其他",
        },
      ];
      let colorList = [
        "rgba(14, 109, 233, 1)",
        "rgba(172, 78, 211, 1)",

        "rgba(230, 175, 8, 1)",
        "rgba(0, 175, 109, 1)",
      ];
      let option = {
        tooltip: {
          trigger: "item",
          formatter: "{b}: {c} ({d}%)",
        },
        legend: {
          orient: "vertical",
          // bottom: "50%",
          right: "0%",
          textStyle: {
            fontSize: 12,
            color: "rgba(255,255,255,0.7)",
          },
          formatter: function (name) {
            let percent = 0;
            let total = 0;
            for (let i = 0; i < data1.length; i++) {
              total += data1[i].value;
            }
            const item = data1.filter((item) => item.name === name)[0];
            percent = ((item.value / total) * 100).toFixed(1);
            //return `${name}：${percent}%`;
            return `${name}`;
          },
        },
        series: [
          {
            type: "pie",
            center: ["15%", "50%"],
            radius: ["15%", "80%"],
            avoidLabelOverlap: false,
            roseType: "radius",
            label: {
              show: false,
              position: "center",
            },
            itemStyle: {
              normal: {
                color: function (params) {
                  return colorList[params.dataIndex];
                },
              },
            },
            labelLine: {
              show: false,
            },
            data: data1,
          },
        ],
      };
      myChart.showLoading();
      this.$nextTick(() => {
        // 初始化地图
        myChart.setOption(option, false);
        myChart.resize();
        myChart.hideLoading();
      });
    },
    Nightingaleb(id) {
      var that = this;
      let myChart = this.$echarts.init(document.getElementById(id));
      let data1 = [
        {
          value: 12,
          name: "非法经营罪",
        },
        {
          value: 7,
          name: "生产、销售伪劣产品罪",
        },
        {
          value: 2,
          name: "销售假冒注册商标的商品罪",
        },
      ];
      let colorList = [
        "rgba(14, 109, 233, 1)",
        "rgba(172, 78, 211, 1)",
        "rgba(230, 175, 8, 1)",
      ];
      let option = {
        tooltip: {
          trigger: "item",
          formatter: "{b}: {c} ({d}%)",
        },
        legend: {
          orient: "vertical",
          top: "10%",
          right: "0%",
          textStyle: {
            overflow: "break",
            fontSize: 12,
            width: 130,
            color: "rgba(255,255,255,0.7)",
          },
          formatter: function (name) {
            let percent = 0;
            let total = 0;
            for (let i = 0; i < data1.length; i++) {
              total += data1[i].value;
            }
            const item = data1.filter((item) => item.name === name)[0];
            percent = ((item.value / total) * 100).toFixed(1);
            //return `${name}：${percent}%`;
            return `${name}`;
          },
        },
        series: [
          {
            type: "pie",
            center: ["15%", "50%"],
            radius: ["15%", "80%"],
            avoidLabelOverlap: false,
            roseType: "radius",
            label: {
              show: false,
              position: "center",
            },
            itemStyle: {
              normal: {
                color: function (params) {
                  return colorList[params.dataIndex];
                },
              },
            },
            labelLine: {
              show: false,
            },
            data: data1,
          },
        ],
      };
      myChart.showLoading();
      this.$nextTick(() => {
        // 初始化地图
        myChart.setOption(option, false);
        myChart.resize();
        myChart.hideLoading();
      });
    },
    //
    barbotfun(id) {
      let myChart = this.$echarts.init(document.getElementById(id));
      let totalCost = [5500, 5500, 5500]; //背景色比例
      let visits = [1900, 1850, 1800]; //数值
      let grade = ["拘留人数", "逮捕人数", "判刑人数"];
      let data = {
        grade: grade,
        totalCost: totalCost,
        visits: visits,
      };
      let option = {
        grid: {
          top: "5",
          left: "-9%",
          right: "3%",
          bottom: "0%",
          containLabel: true,
        },
        tooltip: {
          show: false,
        },
        xAxis: {
          show: false,
        },
        yAxis: [
          {
            type: "category",

            axisTick: {
              show: false,
            },
            axisLine: {
              show: false,
            },
            axisLabel: {
              margin: 70,
              textStyle: {
                align: "left",
                fontSize: 14,
                color: "rgba(255,255,255,0.7)",
              },
            },
            data: data.grade,
            inverse: true,
          },
          {
            type: "category",

            axisLine: {
              show: false,
            },
            axisTick: {
              show: false,
            },
            axisLabel: {
              formatter: "{value}" + "人",
              textStyle: {
                fontSize: 12,
                color: "rgba(255,255,255,0.7)",
              },
            },
            splitArea: {
              show: false,
            },
            splitLine: {
              show: false,
            },
            data: data.visits,
            inverse: true,
          },
        ],
        series: [
          {
            type: "bar",
            yAxisIndex: 1,
            itemStyle: {
              normal: {
                show: true,
                color: "rgba(17, 44, 112, 0.5)",
                barBorderRadius: 2,
                borderWidth: 0,
                borderColor: "#333",
              },
            },
            barWidth: "40%",

            data: data.totalCost,
          },
          {
            type: "bar",

            itemStyle: {
              normal: {
                show: true,
                color: this.$echarts.graphic.LinearGradient(0, 0, 1, 0, [
                  {
                    offset: 0,
                    color: "rgba(73, 146, 255, 1)",
                  },
                  {
                    offset: 1,
                    color: "rgba(56, 217, 244, 1)",
                  },
                ]),
                barBorderRadius: 2,
                borderWidth: 0,
                borderColor: "#333",
              },
            },
            label: {
              normal: {
                show: false,
              },
            },
            barWidth: "40%",

            data: data.visits,
          },
        ],
      };
      myChart.showLoading();
      this.$nextTick(() => {
        // 初始化地图
        myChart.setOption(option, false);
        myChart.resize();
        myChart.hideLoading();
      });
    },
    //零售许可变化
    lsxkbhfun(id, data, color, colora, name, num) {
      let myChart = this.$echarts.init(document.getElementById(id));
      //   let DataName = ['全国/户', '我省/户'];
      // let DataA = ["26356", "23392", "22378", "21655", "20274", "20113"];
      // let DataB = ["822", "729", "627", "633", "587", "531"];
      let DataDM = ["1月", "2月", "3月", "4月", "5月", "6月"];
      let option = {
        // backgroundColor: "#344b58",
        tooltip: {
          show: false,
          trigger: "axis",
          axisPointer: {
            type: "line",
            textStyle: {
              color: "#fff",
            },
          },
          //formatter: '{b}<br />{a}: {c}人',
          //  backgroundColor: 'rgba(0,0,0,0.7)', //提示背景
        },
        grid: {
          top: "15%",
          left: "10%",
          right: "5%",
          bottom: "15%",
        },

        // legend: {
        //     align: "left",
        //     right: '5%',
        //     top: '3%',
        //     textStyle: {
        //         color: 'rgba(255,255,255,0.5)',
        //         fontSize: 12
        //     },
        //     icon: 'pin',
        //     itemGap: 25,
        //     itemWidth: 20,
        //     itemHeight: 5,
        //     data: name
        // },
        xAxis: [
          {
            type: "category",
            boundaryGap: false,
            axisLine: {
              show: true,
              lineStyle: {
                color: "rgba(77, 132, 197, 0.2)",
                width: 1,
              },
            },
            axisLabel: {
              textStyle: {
                color: "rgba(77, 132, 197, 0.5)",
                padding: [10, 0, 0, 0],
                fontSize: 12,
              },
            },
            splitLine: {
              show: false,
            },
            axisTick: {
              show: true,
            },
            data: DataDM,
          },
        ],
        yAxis: [
          {
            name: "",
            nameTextStyle: {
              color: "#666",
              fontSize: 12,
              padding: [0, 0, 0, 0],
              lineHeight: 40,
            },
            max: num,
            min: 0,
            splitLine: {
              show: false,
              lineStyle: {
                color: "rgba(255,255,255,.1)",
                type: "solid",
              },
            },
            axisLine: {
              show: false,
            },
            axisLabel: {
              show: false,
              textStyle: {
                color: "#666",
                padding: 16,
                fontSize: 12,
              },
            },
            axisTick: {
              show: false,
            },
          },
        ],
        series: [
          {
            // name: DataName[0],
            type: "line",
            showAllSymbol: true,
            symbolSize: 4,
            symbol: "circle",
            smooth: true,
            label: {
              show: true,
              position: "top",
              textStyle: {
                // color: 'rgba(0, 175, 109, 1)',
                color: color,
              },
            },
            lineStyle: {
              normal: {
                width: 1,
                // color: "rgba(0, 175, 109, 1)",
                color: color,
              },
              borderColor: "rgba(0,0,0,.4)",
            },
            itemStyle: {
              //color: "#00AF6D",
              // color
              color: color,
            },
            areaStyle: {
              normal: {
                color: this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [
                  {
                    offset: 0,
                    // color: 'rgba(0, 202, 148, 0)',
                    // color: 'rgba(0, 175, 109, 0)',
                    color: colora,
                  },
                  {
                    offset: 1,
                    // color: 'rgba(0, 175, 109, 1)',
                    color: color,
                  },
                ]),
                // color: this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                // offset: 0,
                // color: 'rgba(0, 175, 109, 1)'
                // }, {
                // offset: 1,
                // color: 'rgba(0, 175, 109, 0)'
                // }], false),
                //   shadowColor: 'rgba(0, 175, 109, 1)',
                //  shadowBlur: 10
              },
            },
            tooltip: {
              show: true,
            },
            data: data,
          },
          // {
          //     name: DataName[1],
          //     type: 'line',
          //     showAllSymbol: true,
          //     symbolSize: 4,
          //     symbol: 'circle',
          //     smooth: true,
          //     lineStyle: {
          //         normal: {
          //             width: 1,
          //             color: "rgba(54, 188, 223, 1)",
          //         },
          //         borderColor: 'rgba(0,0,0,.4)',
          //     },
          //     label: {
          //         show: true,
          //         position: 'top',
          //         textStyle: {
          //             color: 'rgba(54, 188, 223, 1)',
          //         },
          //     },
          //     areaStyle: {
          //         normal: {
          //             color: this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [{
          //                     offset: 0,
          //                     // color: 'rgba(0, 202, 148, 0)',
          //                     color: 'rgba(54, 188, 223, 0)',
          //                 },
          //                 {
          //                     offset: 1,
          //                     color: 'rgba(54, 188, 223, 1)',
          //                 },
          //             ]),
          //             // color: this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [{
          //             // offset: 0,
          //             // color: 'rgba(54, 188, 223, 1)'
          //             // }, {
          //             // offset: 1,
          //             // color: 'rgba(54, 188, 223, 0)'
          //             // }], false),
          //             // shadowColor: 'rgba(54, 188, 223, 1)',
          //             //  shadowBlur: 10
          //         }
          //     },
          //     itemStyle: {
          //         color: "rgba(54, 188, 223, 1)",
          //     },
          //     tooltip: {
          //         show: true
          //     },
          //     data: DataB
          // },
        ],
      };
      myChart.showLoading();
      this.$nextTick(() => {
        // 初始化地图
        myChart.setOption(option, false);
        myChart.resize();
        myChart.hideLoading();
      });
    },
    //销售动态
    fjpsfun(id, data, color, colora, name, num, sta) {
      let myChart = this.$echarts.init(document.getElementById(id));
      let DataName = [
        "全国销售总量/盒",
        "我省销售总量/盒",
        "全国销售总额/万元",
        "我省销售总额/万元",
      ];
      // let DataA = ["1125362", "2261038", "3991965", "6309679", "8624621"];
      // let DataB = ["22563", "34274", "66703", "110260", "164772"];
      //  let DataC = ["12366.2", "20858.5", "36304.8", "55034", "72956"];
      //   let DataD = ["225.3", "338.2", "626.3", "970.5", "13787.7"];

      let DataDM = [];
      if (sta == 4) {
        DataDM = ["1月", "2月", "3月", "4月", "5月", "6月"];
      } else {
        DataDM = [];
      }
      let option = {
        // backgroundColor: "#344b58",
        tooltip: {
          show: false,
          trigger: "axis",
          axisPointer: {
            type: "line",
            textStyle: {
              color: "#fff",
            },
          },
          //formatter: '{b}<br />{a}: {c}人',
          //  backgroundColor: 'rgba(0,0,0,0.7)', //提示背景
        },
        grid: {
          top: "35%",
          left: "5%",
          right: "5%",
          bottom: "35%",
        },

        // legend: {
        //     align: "left",
        //     right: '5%',
        //     top: '3%',
        //     textStyle: {
        //         color: 'rgba(255,255,255,0.5)',
        //         fontSize: 12
        //     },
        //     icon: 'pin',
        //     itemGap: 25,
        //     itemWidth: 20,
        //     itemHeight: 5,
        //     data: name
        // },
        xAxis: [
          {
            type: "category",
            boundaryGap: false,
            axisLine: {
              show: true,
              lineStyle: {
                color: "rgba(77, 132, 197, 0.2)",
                width: 1,
              },
            },
            axisLabel: {
              textStyle: {
                color: "rgba(78, 139, 183, 1)",
                //color: 'rgba(255, 255, 255, 0.7)',
                padding: [10, 0, 0, 0],
                fontSize: 12,
              },
            },
            splitLine: {
              show: false,
            },
            axisTick: {
              show: true,
            },
            data: DataDM,
          },
        ],
        yAxis: [
          {
            name: "",
            nameTextStyle: {
              color: "#666",
              fontSize: 12,
              padding: [0, 0, 0, 0],
              lineHeight: 40,
            },
            max: num,
            min: 0,
            splitLine: {
              show: false,
              lineStyle: {
                color: "rgba(255,255,255,.1)",
                type: "solid",
              },
            },
            axisLine: {
              show: false,
            },
            axisLabel: {
              show: false,
              textStyle: {
                color: "#666",
                padding: 16,
                fontSize: 12,
              },
            },
            axisTick: {
              show: false,
            },
          },
        ],
        series: [
          {
            // name: DataName[0],
            type: "line",
            showAllSymbol: true,
            symbolSize: 4,
            symbol: "circle",
            smooth: true,
            label: {
              show: true,
              position: "top",
              textStyle: {
                // color: 'rgba(0, 175, 109, 1)',
                color: color,
              },
            },
            lineStyle: {
              normal: {
                width: 1,
                // color: "rgba(0, 175, 109, 1)",
                color: color,
              },
              borderColor: "rgba(0,0,0,.4)",
            },
            itemStyle: {
              //color: "#00AF6D",
              // color
              color: color,
            },
            areaStyle: {
              normal: {
                color: this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [
                  {
                    offset: 0,
                    // color: 'rgba(0, 202, 148, 0)',
                    // color: 'rgba(0, 175, 109, 0)',
                    color: colora,
                  },
                  {
                    offset: 1,
                    // color: 'rgba(0, 175, 109, 1)',
                    color: color,
                  },
                ]),
              },
            },
            tooltip: {
              show: true,
            },
            data: data,
          },
          // {
          //     name: DataName[1],
          //     type: 'line',
          //     showAllSymbol: true,
          //     symbolSize: 4,
          //     symbol: 'circle',
          //     smooth: true,
          //     lineStyle: {
          //         normal: {
          //             width: 1,
          //             color: "rgba(54, 188, 223, 1)",
          //         },
          //         borderColor: 'rgba(0,0,0,.4)',
          //     },
          //     label: {
          //         show: true,
          //         position: 'top',
          //         textStyle: {
          //             color: 'rgba(54, 188, 223, 1)',
          //         },
          //     },
          //     areaStyle: {
          //         normal: {
          //             color: this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [{
          //                     offset: 0,
          //                     // color: 'rgba(0, 202, 148, 0)',
          //                     color: 'rgba(54, 188, 223, 0)',
          //                 },
          //                 {
          //                     offset: 1,
          //                     color: 'rgba(54, 188, 223, 1)',
          //                 },
          //             ]),
          //             // color: this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [{
          //             // offset: 0,
          //             // color: 'rgba(54, 188, 223, 1)'
          //             // }, {
          //             // offset: 1,
          //             // color: 'rgba(54, 188, 223, 0)'
          //             // }], false),
          //             // shadowColor: 'rgba(54, 188, 223, 1)',
          //             //  shadowBlur: 10
          //         }
          //     },
          //     itemStyle: {
          //         color: "rgba(54, 188, 223, 1)",
          //     },
          //     tooltip: {
          //         show: true
          //     },
          //     data: DataB
          // },
        ],
      };
      myChart.showLoading();
      this.$nextTick(() => {
        // 初始化地图
        myChart.setOption(option, false);
        myChart.resize();
        myChart.hideLoading();
      });
    },
    //zyflowulrightbar
    divcolorswitch(data) {
      // 二级
      if (data.rank == "一级") {
        return "redcolor";
      } else if (data.rank == "二级") {
        return "yellowcolor";
      } else if (data.rank == "三级") {
        return "bluecolor";
      } else if (data.rank == "四级") {
        return "greencolor";
      }
      //       // 红色一级，黄色二级，蓝色三级，绿色四级
    },
    getNowDate() {
      const timeOne = new Date();
      const year = timeOne.getFullYear();
      let month = timeOne.getMonth() + 1;
      let day = timeOne.getDate();
      day = day < 10 ? "0" + day : day;
      const time = `${year}-${month}-${day}`;
      return time;
    },
    getTime() {
      const date = new Date();
      const year = date.getFullYear();
      const month = date.getMonth() + 1;
      const day = date.getDate();
      const hour = date.getHours();
      const minute = date.getMinutes();
      const second = date.getSeconds();
      // const str = ''
      // if (this.hour > 12) {
      //     this.hour -= 12;
      //     this.str = " AM";
      // } else {
      //     this.str = " PM";
      // }
      this.month = check(month);
      this.day = check(day);
      this.hour = check(hour);
      this.minute = check(minute);
      this.second = check(second);

      function check(i) {
        const num = i < 10 ? "0" + i : i;
        return num;
      }
      //  this.nowDate = year + "年" + this.month + "月" + this.day + "日";
      this.nowTime =
        year +
        "年" +
        this.month +
        "月" +
        this.day +
        "日 " +
        this.hour +
        ":" +
        this.minute +
        ":" +
        this.second;
    },
  },
  beforeDestroy() {
    if (this.timer) {
      clearInterval(this.timer); // 在Vue实例销毁前，清除定时器
    }
  },
  loadMore() {},
};
</script>

<style lang="scss" scoped>
@import "../../assets/scss/qjzl.scss";

.anhuiMap ::v-deep .width100per {
  width: 100%;
  margin: 0 auto;
  padding: 0 auto;
}

.anhuiMap ::v-deep .dflex {
  display: flex;
  flex-wrap: nowrap;
}

.anhuiMap ::v-deep .justifybetween {
  justify-content: space-between;
}

.anhuiMap ::v-deep .alignitem {
  align-items: center;
}

.anhuiMap ::v-deep .aligncon {
  align-content: center;
}

.anhuiMap ::v-deep .lightblue {
  color: rgba(52, 239, 254, 1);
}

.anhuiMap ::v-deep .fontsize21 {
  font-size: 21px !important;
}

.anhuiMap ::v-deep .fontsize14 {
  font-size: 14px !important;
}

.anhuiMap ::v-deep .fontweight {
  font-weight: bold;
}

.anhuiMap ::v-deep .whitecolor {
  color: #fff;
}

.anhuiMap ::v-deep .partflex {
  flex: 1;
}

.anhuiMap ::v-deep .bluebg {
  background: rgba(41, 138, 255, 0.15);
}

.anhuiMap ::v-deep .magtop9dzyg {
  margin-top: 9px;
}

.anhuiMap ::v-deep .magtop4dzyg {
  margin-top: 4px;
}

.anhuiMap ::v-deep .padrounddzyg {
  padding: 11px 12px;
}

.anhuiMap ::v-deep .magbot15dzyg {
  margin-bottom: 10px;
}

.anhuiMap ::v-deep .magright13dzyg {
  margin-right: 13px;
}
</style>
